<#include "inc/head.html"/>

<script type="text/javascript" src="${contextPath}js/jquery-1.5.1.min.js"></script>
<script type="text/javascript" src="${contextPath}js/weebox0.4/bgiframe.js"></script>
<script type="text/javascript" src="${contextPath}js/weebox0.4/weebox.js"></script>
<link type="text/css" rel="stylesheet" href="${contextPath}js/weebox0.4/weebox.css" />
<h1>${currChannel.name}</h1>
<h2>${currInfo.title}</h2>
【<a href='#' onclick="window.external.AddFavorite(location.href,document.title);">加入收藏夹</a>】&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【<a href='#' onclick="window.print();">打印</a>】&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;【<a href='#' onclick="window.close();">关闭</a>】
			<@infoSign infoid="${currInfo.id}" ;js,html>
											${js}								${html}
											</@infoSign>
											 来源：${currInfo.source}  日期：${currInfo.addtimeStr} 点击量：
											<@ajaxInfoClick infoid="${currInfo.id}" spanAttr="class='hongsz1'";ajaxInfoClickHtml>
											${ajaxInfoClickHtml}
											</@ajaxInfoClick>
											
											<@ajaxStore objid="${currInfo.id}" objtype='info' siteid='${site.id}' channelid='${currChannel.id}' ;ajaxStoreHtml>
											${ajaxStoreHtml}
											</@ajaxStore>
											<br/>
<@infoImg infoid='${currInfo.id!""}' ;infoImgList>
	<div class="allCon">
    	<div class="topImgCon2">
    	<div class="topImgCon">
        	<div class="leftIcon"><a href="#" onclick="left()"><img src="${contextPath}site/${site.sourcepath}/resources/img/left_0201.png" height="40" width="40" ></a></div>
            <div class="rightIcon"><a href="#" onclick="right()"><img src="${contextPath}site/${site.sourcepath}/resources/img/right_0201.png" height="40" width="40"></a></div>
        
        
		<div class="topImg">
			<#list infoImgList as infoImg>
			<span id="bigpic${infoImg_index}" 
			<#if (infoImg_index>0)>
			style="display:none"
			</#if>
			>
			<img src="${infoImg.img}" alt="${infoImg.title}" title="${infoImg.title}" width="920"></span>  
			</#list>
        </div>
    	</div>
        </div>
        
        <div class="wenziCon">		
			<#list infoImgList as infoImg>
			<span id="desc${infoImg_index}" 
			<#if (infoImg_index>0)>
			style="display:none"
			</#if>
			>
			${infoImg.content}</span>  
			</#list>  
        </div>
        <div class="imgListCon">
        	<div class="imgListIcon1"><a href="#" onclick="left()"><img src="${contextPath}site/${site.sourcepath}/resources/img/leftPre.jpg" height="16" width="12"></a></div>
            <div class="imgListIcon2"><a href="#" onclick="right()"><img src="${contextPath}site/${site.sourcepath}/resources/img/rightPre.jpg" height="16" width="12"></a></div>
        	<div class="imgList">	
<div id="thumbs3">
<div id="thumbs2">
        		<ul>
					<#list infoImgList as infoImg>
					<li <#if (infoImg_index==0)>
					class="liBg"
					</#if>
					 id="thumb${infoImg_index}">
					<a href="#" onclick="slideDesc(${infoImg_index})">
					<img src="${infoImg.img}" height="75" width="100">
					</a>
					</li>
					</#list>  
                </ul>
				</div>
				</div>
            </div>
        </div>
    </div>
	<script>
	var picnum=${infoImgList?size};
	var index=0;
	//描述交替轮换
function slideDesc(i){
	index=i;
    for(var i1=0;i1<picnum;i1++){
    	if(i!=i1){
    		$('#'+ 'desc'+ i1).fadeOut("fast");	
    		$('#'+ 'bigpic'+ i1).hide(); 
    		$('#'+ 'thumb'+ i1).removeClass('liBg');
    	}
    }
    var id = 'desc'+ i;
    var picid = 'bigpic'+ i;
    $('#'+ id).fadeIn("fast");	 
    $('#'+ picid).fadeIn("fast");
		
	$('#'+ 'thumb'+ i).addClass('liBg');
	
	var maxloop=6;
	if(index>maxloop){
		document.getElementById("thumbs3").scrollLeft=(100*(index-maxloop));
	}else{
		document.getElementById("thumbs3").scrollLeft=0;
	}
}
function left(){
	if(index>0){
		index=index-1;
	}
	slideDesc(index);
}
function right(){
	if(index<picnum-1){
		index=index+1;
	}else{
		index=0;
	}
	slideDesc(index);
}
slideDesc(0);
	</script>
</@infoImg>
<br/>
	${currInfo.content}
<script type="text/javascript" src="${contextPath}/js/jwplayer/jwplayer.min.js"></script>
<div id="jsplayerdiv">
</div>		<@video video='${currInfo.video!""}' width='500' height='400' 

img='${currInfo.img!""}';html>
											${html}											</@video>
									<@infoAttchs attchStr="${currInfo.attchs}";attchUrl,attchName,index>
											<a href="${attchUrl}" target="_blank">${index} ${attchName}</a><br/>
											</@infoAttchs>
											
<br/>
<#if (currInfo.iscomment!"0")!="0">
<script type="text/javascript">
function commentSubmit(){
	if($("#commentContent").val()==""){
		alert("请输入评论内容");
		$("#commentContent").focus();
		return false;
	}
	if($("#ValidateCode").val()==""){
		alert("请输入验证码");
		$("#ValidateCode").focus();
		return false;
	}
	return true;
}
</script>
<form action="${contextPath}comment_add.do" method="post" onsubmit="return commentSubmit()">
<input type="hidden" name="comment.objtype" value="info"/>
<input type="hidden" name="comment.objid" value="${currInfo.id}"/>
<table>
<tr>
<td align="left">评论内容</td>
<td align="left"><textarea id="commentContent" name="comment.content"></textarea></td>
</tr>
<tr>
<td align="left" colspan="2"><input type="checkbox" id="commentAnonymous" name="comment.isanonymous" value="1"/>匿名评论</td>
</tr>
<tr>
<td align="left">验证码</td>
<td align="left">
<input id="ValidateCode" name="ValidateCode" class="colorblur" tabindex="2" accesskey="p" type="text" value="" size="5" maxlength="4" autocomplete="off"/>
                   <img src="${contextPath}image.jsp" title="点击重新获取验证码" style="cursor:hand" onclick="this.src='${contextPath}image.jsp?date='+new Date();"/></td>
</tr>
<tr>
<td align="left" colspan="2"><input type="submit" value="提交评论" /></td>
</tr>
</table>
</form>
<a href="${contextPath}templet_pro.do?siteid=${site.id}&currInfoid=${currInfo.id}&currChannelid=${currChannel.id}&templetPath=comment.html" target="_blank">查看全部评论</a>
</#if>

<br/>
<b>上一条</b><br/>
<ul>
<@infoPreList infoid="${currInfo.id}"  channelid="${currChannel.id}" titleLen="23" ; info,index>
<li><a href="${info.pageurl}">${info.showtitle}</a></li>
</@infoPreList>
</ul>
<br/>
<b>下一条</b><br/>
<ul>
<@infoNextList infoid="${currInfo.id}"  channelid="${currChannel.id}" titleLen="23" ; info,index>
<li><a href="${info.pageurl}">${info.showtitle}</a></li>
</@infoNextList>
</ul>
<br/>
<b>相关新闻</b><br/>
<ul>
<@infoRelate infoid="${currInfo.id}"  num="10" titleLen="23" ; info,index>
<li><a href="${info.pageurl}">${info.showtitle}</a></li>
</@infoRelate>
</ul>
<#include "inc/foot.html"/>
